﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta name="renderer" content=”webkit|ie-comp|ie-stand”/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" href="/favicon.ico">

    <title>差旅费用报销</title>
    <link href="/assets/plugins/font/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="/assets/plugins/bootstrap/bootstrap.min.css" rel="stylesheet"/>


    <link href="/module/style/lr-common.css" rel="stylesheet"/>
    <link href="/module/plugin/scroll/scroll.css" rel="stylesheet"/>
    <link href="/module/style/lr-iframe-form.css" rel="stylesheet"/>
    <link href="/module/plugin/wizard/wizard.css" rel="stylesheet"/>
    <link href="/module/plugin/tree/lr-tree.css" rel="stylesheet"/>
    <link href="/module/plugin/select/lr-select.css" rel="stylesheet"/>

    <link href="/module/plugin/timeline/lr-timeline.css" rel="stylesheet"/>
    <link href="/module/plugin/formselect/lr-formselect.css" rel="stylesheet"/>
    <link href="/module/plugin/inputsearch/lr-isearch.css" rel="stylesheet"/>
    <link href="/module/plugin/grid/jfgrid.css" rel="stylesheet"/>
    <link href="/module/plugin/uploader/lr-uploader.css" rel="stylesheet"/>
    <link href="/module/plugin/date/lr-datepicker.css" rel="stylesheet"/>

    <!--城市选择器-->
    <link href="/assets/plugins/citypicker/city-picker.css" rel="stylesheet" type="text/css">
    <script src="/assets/plugins/citypicker/jquery.js"></script>

<!--    <script src="/assets/plugins/jquery/jquery-1.10.2.min.js"></script>-->
    <script src="/assets/plugins/jquery/jquery.md5.min.js"></script>
    <script src="/assets/plugins/jquery/plugin/jqprint/jquery.jqprint-0.3.js"></script>
    <script src="/assets/plugins/laydate/laydate.js"></script>
    <script src="/assets/plugins/ueditor/ueditor.config.js"></script>
    <script src="/assets/plugins/ueditor/ueditor.all.min.js"></script>
    <script src="/assets/plugins/ueditor/lang/zh-cn/zh-cn.js"></script>

    <!--[if lt IE 9]>
    <script src="/assets/plugins/bootstrap/html5shiv.min.js"></script>
    <script src="/assets/plugins/bootstrap/respond.min.js"></script>
    <![endif]-->
    <script src="/module/formatMoney.js"></script>
    <script>
        function request(d) {
            for (var c = location.search.slice(1).split("&"), a = 0; a < c.length; a++) {
                var b = c[a].split("=");
                if (b[0] == d) if ("undefined" == unescape(b[1])) break; else return unescape(b[1])
            }
            return ""
        };
    </script>
    <style>

    </style>
</head>
<body class="Chrome 64.0 lr-uitheme-top" style="background-color: #23527c;">
<div id="lr_form_bg" class="lr-form-bg">
</div>


<div class="lr-form-wrap lr-form-paper" id="form">
    <div class="col-xs-12"
         style="padding: 0px 0px 20px 0px; text-align: right; font-size: 16px; font-weight: bold; ">
        <span id="processCode" style="padding-bottom: 0px;"></span>
        <input id="processId" type="hidden" />
    </div>
    <div class="col-xs-12 lr-form-item"
         style="padding: 0px 0px 20px 0px; line-height: 38px; text-align: center; font-size: 24px; font-weight: bold; color: rgb(51, 51, 51);">
        <span>差旅费用报销单</span>
    </div>
    <div class="col-xs-12"
         style="padding: 0px 0px 20px 0px; text-align: right; font-size: 12px; font-weight: bold; color:blue;">
        <span id="btn_reference" style="padding-bottom: 0px;text-decoration: underline;cursor: pointer;">引用出差申请单</span>
    </div>
    <div class="col-xs-4 lr-form-item">
        <div class="lr-form-item-title">报销人<font face="宋体">*</font></div>
        <div id="userid" isvalid="yes" checkexpession="NotNull"></div>
        <input type="hidden" id="postname" name="postname">
        <input type="hidden" id="cost" name="cost">
    </div>
    <div class="col-xs-4 lr-form-item">
        <div class="lr-form-item-title">目的地<font face="宋体">*</font></div>
        <input id="destination" class="form-control city-picker-input" readonly="" type="text"  isvalid="yes" checkexpession="NotNull">
    </div>
    <div class="col-xs-4 lr-form-item">
        <div class="lr-form-item-title">经办人</div>
        <input id="createUsername" type="text" class="form-control" readonly="readonly"/>
    </div>
    <div class="col-xs-4 lr-form-item">
        <div class="lr-form-item-title">出差期间<font face="宋体">*</font></div>
        <input id="startTime"
               onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',qsEnabled:false,isShowClear:false,isShowToday:false,onpicked:function(){$('#startTime').trigger('change');}})"
               type="text" class="form-control lr-input-wdatepicker" isvalid="yes" checkexpession="NotNull"></div>
    <div class="col-xs-4 lr-form-item">
        <div class="lr-form-item-title">至<font face="宋体">*</font></div>
        <input id="endTime"
               onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',qsEnabled:false,isShowClear:false,isShowToday:false,onpicked:function(){$('#endTime').trigger('change');}})"
               type="text" class="form-control lr-input-wdatepicker" isvalid="yes" checkexpession="NotNull"></div>
    <div class="col-xs-12 lr-form-item">
        <div class="lr-form-item-title">随行人员</div>
        <div id="followUserids"></div>
    </div>
    <div class="col-xs-12 lr-form-item">
        <div class="lr-form-item-title">出差事由<font face="宋体">*</font></div>
        <textarea id="description" class="form-control" style="height: 60px;" isvalid="yes"
                  checkexpession="NotNull"></textarea>
    </div>

    <div class="col-xs-12 lr-form-item">
        <div class="lr-form-item-title">乘坐交通工具</div>
        <div class="checkbox" id="vehicle">
            <label>
                <input id="vehicle1" name="vehicle" type="checkbox" value="1"/>
                飞机
            </label>
            <label>
                <input id="vehicle2" name="vehicle" type="checkbox" value="2"/>
                火车
            </label>
            <label>
                <input id="vehicle3" name="vehicle" type="checkbox" value="3"/>
                汽车
            </label>
            <label>
                <input id="vehicle4" name="vehicle" type="checkbox" value="4"/>
                轮船
            </label>
            <label>
                <input id="vehicle5" name="vehicle" type="checkbox" value="5"/>
                其他
            </label>
        </div>
    </div>
    <div class="col-xs-12 lr-form-item lr-form-item-grid">
        <div class="lr-form-item-title">费用明细<font face="宋体">*</font></div>
        <div class="lr-layout-body" style="margin-left: 60px;width: 95%;" id="gridtable_cost"></div>
    </div>
    <div class="col-xs-12 lr-form-item" id="errorMsg" style="display:none">
        <div class="alert alert-danger" role="alert"></div>
    </div>
    <div class="col-xs-4 lr-form-item">
        <div class="lr-form-item-title">机票申请说明</div>
        <div id="filesTicket"></div>
        <p id="filesTicket_demo" style="color: #aaa;text-decoration: underline;cursor: pointer; ">查看示例</p>
    </div>
    <div class="col-xs-4 lr-form-item">
        <div class="lr-form-item-title">发票<font face="宋体">*</font></div>
        <div id="filesInvoice" isvalid="yes" checkexpession="NotNull"></div>
        <p id="filesInvoice_demo" style="color: #aaa;text-decoration: underline;cursor: pointer; ">查看示例</p>
    </div>
    <div class="col-xs-4 lr-form-item">
        <div class="lr-form-item-title">其他资料<font face="宋体">*</font></div>
        <div id="filesList" isvalid="yes" checkexpession="NotNull"></div>
        <p id="filesList_demo" style="color: #aaa;text-decoration: underline;cursor: pointer; ">查看示例</p>
    </div>
    <div class="col-xs-12 lr-form-item">
        <div class="alert alert-warning" role="alert">
            <p>备注：</p>
            <p>（1）科级及以下人员原则上不乘坐飞机。</p>
            <p>（2）因路途较远或出差任务紧急的要从严控制。</p>
            <p>（3）申请前经单位领导人批准。</p>
        </div>
    </div>
</div>

<script src="form.js"></script>

<script src="/module/config.js"></script>
<script src="/assets/plugins/citypicker/city-picker.data.js"></script>
<script src="/assets/plugins/citypicker/city-picker.js"></script>
<script src="/module/plugin/resize/resize.js"></script>
<script src="/module/plugin/mousewheel/mousewheel.js"></script>
<script src="/module/plugin/layout/lr-layout.js"></script>
<script src="/module/plugin/scroll/scroll.js"></script>
<script src="/module/plugin/tree/lr-tree.js"></script>
<script src="/module/plugin/select/lr-select.js"></script>
<script src="/module/plugin/timeline/lr-timeline.js"></script>
<script src="/module/plugin/formselect/lr-formselect.js"></script>
<script src="/module/plugin/date/lr-datepicker.js"></script>
<script src="/module/plugin/grid/jfgrid.js"></script>
<script src="/module/plugin/wizard/wizard.js"></script>
<script src="/module/plugin/uploader/lr-uploader.js"></script>
<script src="/module/script/lr-validator.js"></script>
<script src="/module/script/lr-authorize.js"></script>
<script src="/module/script/lr-excel.js"></script>
<script src="/module/script/lr-form.js"></script>

<script>
    var lrModuleButtonList;
    var lrModuleColumnList;
    var lrModule;
    $.lrToken = config.getToken().access_token;
    $(function () {
        $('#lr_form_bg').fadeOut();
        $('#form').lrscroll();

        if (!!window.bootstrap) {
            bootstrap(jQuery, top.learun);
        }
    });
</script>

</body>
</html>
